<template>
    <div>
        <basic-container>
            <el-tabs v-model="activeName" @tab-click="handleClick">
                <el-tab-pane label="员工检索" name="first">
                    <employeeRetrieve v-if="activeName == 'first'"></employeeRetrieve>
                </el-tab-pane>
                <el-tab-pane label="客户检索" name="second">
                    <customerRetrieve v-if="activeName == 'second'"></customerRetrieve>
                </el-tab-pane>
                <el-tab-pane label="全局检索" name="third">
                    <globalRetrieve v-if="activeName == 'third'"></globalRetrieve>
                </el-tab-pane>
            </el-tabs>
        </basic-container>
    </div>
</template>
<script>
import employeeRetrieve from './employee-retrieve.vue';
import customerRetrieve from './customer-retrieve.vue';
import globalRetrieve from './global-retrieve.vue';
export default {
    components: {
        employeeRetrieve,
        customerRetrieve,
        globalRetrieve
    },
    props: [],
    data() {
        return {
            activeName: 'first'
        };
    },
    mounted() {},
    methods: {
        handleClick() {}
    }
};
</script>
<style lang="less" scoped></style>
